<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="angular/angular.js"></script>
</head>
<body>
<div ng-app="" ng-init="persons = [
{name : 'Jack','age' : 23},
{name : 'Tom','age' : 24},
{name : 'Jane','age' : 21},
{name : 'Lucy','age' : 23}
]">

    <table>
        <tr ng-repeat="person in persons">
            <td style="color: {{person.age > 23 ? 'red' : 'blue'}}">{{person.name}}</td>
            <td>{{person.age }}</td>
            <td style="color: red">{{person.age > 23 ?'old':''}}</td>
        </tr>
    </table>

    <button ng-click="persons = [
{name : 'Jack','age' : 27},
{name : 'Tom','age' : 29},
{name : 'Jane','age' : 20},
{name : 'Lucy','age' : 22}
]">
        Click Me!!!
    </button>

</div>
</body>
</html>